import { Component, OnInit, ElementRef } from '@angular/core';
import { firstLayerAnimate } from "../../animations/firstLayerAnimate";
import { secondLayerAnimate } from "../../animations/secondLayerAnimate";

@Component({
  selector: 'app-navibar',
  templateUrl: './navibar.component.html',
  styleUrls: ['./navibar.component.css'],
  animations: [firstLayerAnimate,secondLayerAnimate]
})
export class NavibarComponent implements OnInit {
  _isTrue1 = true;
  boxState1 = 'left';

  constructor(public elementRef: ElementRef){}

  ngOnInit(): void {
  }

  showgame(): void {
    if (this._isTrue1) {
      this.boxState1 = 'right';
    } else {
      this.boxState1 = 'left';
    }
    this._isTrue1 = !this._isTrue1;
  }
}
